<div id="projectleft" style="width:20%;float:left;margin-right:10px;">
	<div id="project_tools_content" class="container">
		<div class="smallCategory">
			Datasources
		</div>
		<div id="project_datasources" style="padding-bottom:40px;"></div>
		<span class="button" onclick="loadId('dscontent','ds/addds')">Add datsource</span>
	</div>
</div>
<div id="dscontent" style="width:76%;float:left;" class="container">
	content
</div>
<div style="clear:both;"></div>
<script type="text/javascript">
	setContentName("Datasources");
	post("datasource", {
		"m" : "list"
	}, function(data) {
		for(var key in data) {
			
			$("#project_datasources").append("<div class='clickable' onclick='loadDSDetails(\"" + data[key] + "\")'>" + data[key] + "</div>");
		}
	});
	function loadDSDetails(dsName) {
		selectedDsName = dsName;
		loadId("dscontent", "ds/dsdetails");
	}
</script>